<template lang="pug">
.ignore-entry-info
  .ignore-entry-info-left
    entryType(@nodeClick="nodeClick")
  .ignore-entry-info-right
    entry(:drugType="treeModel",:select-item="treeModel")
</template>
<script setup lang="ts">
import entryType from "./components/entry-type/index.vue"
import entry from "./components/entry/index.vue"
const treeModel = ref({})
const nodeClick = (value: string) => {
  treeModel.value = value;
};

</script>

<style lang="less" scoped>
.ignore-entry-info {
  display: flex;
  width: 100%;
  height: 100%;

  &-left {
    flex-shrink: 0;
    width: 300px;
  }

  &-right {
    padding-left: var(--mt-padding);
    flex: 1;
  }
}
</style>